<template>
   <div id="app">
    




  <router-view/> 


  
  </div>
</template>

  <script>
        export default {
          name: 'app',
          data() {
            return {
              active: 'a',
                // 顶部弹出层
                popupShow:false,
            }
          }

  
          
          
        }

       
  </script>


<style lang="scss" scoped>
#app {
     position: relative;
     width: 100vw;
     background: #eee;
    
 


   .header {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      width: 100vw;
      height: 60px;
      position: sticky; 
      top:0;
      left: 0;
      right: 0;
      padding: 10px;
      z-index: 10;
      background: white;
     

      .log-img {
         width: 120px;
         height: 40px;
       

          & img {
            width: 100%;
            height: 100%;
            display: block;
          }
      }

      .search{


        .inputs {
          padding: 0px;
          border-radius: 10px;
          overflow: hidden;
         
        }
      
        
      }
    

   }


    .tab-nav {
      position: sticky; 
       top:60px;
       left: 0;
       right: 0;
       z-index: 10;
    }
   .my-swipe {
          width: 100vw;
          height: 180px;
          margin-top: 5px;
        

      .van-swipe-item {
          

            & img {
              width: 100%;
              display: block;
            }
          }
    


   }

   


  nav {
   display: flex;
   justify-content: space-around;
   width: 100vw;
   height: 115px;
   margin-top: 5px;
   border: 1px solid red;
   background: white;
   
}



nav div.router-link-exact-active {
  color: #42b983;
}


}


</style>
